<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>科大讯飞-智能办公本</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/office.css" />
</head>

<body>
    <section class="wrapper">
        <section class="container nav-top">
            <section class="logo f">
                <a href="#"><img src="images/办公/logo.png" alt="" /></a>
            </section>
            <section class="nav r">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li class="goods">
                        <a href="#">产品</a>
                        <div class="goods-select">
                            <div><a href="#">智能办公本 旗舰版 X1</a></div>

                            <div><a href="#">智能笔记本 青春版 T1</a></div>

                            <div><a href="#">彩色电子阅读器 C1</a></div>

                            <div><a href="#">电子阅读器 R1</a></div>
                        </div>
                    </li>
                    <li><a href="#">动态</a></li>
                    <li class="best-service">
                        <a href="#">服务</a>
                        <div class="service-A">
                            <div class="left f">
                                <div class="top">
                                    <span class="f">常见问题&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</span
                    >
                    <a href="#" class="r">&gt;</a>
                  </div>
                  <div class="bottom">
                    <div><a href="#">智能办公本 旗舰版 X1</a></div>
                    <div><a href="#">智能笔记本 青春版 T1</a></div>
                    <div><a href="#">彩色电子阅读器 C1</a></div>
                    <div><a href="#">电子阅读器 R1</a></div>
                  </div>
                </div>
                <div class="right r">
                  <div class="top">
                    <span
                      >售后服务&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</span
                    >
                    <a href="#">&gt;</a>
                  </div>
                  <div class="bottom">
                    <div><a href="#">寄修服务</a></div>
                    <div><a href="#">售后政策</a></div>
                    <div><a href="#">设备信息查询</a></div>
                  </div>
                </div>
              </div>
            </li>
            <li><a href="#">软件下载</a></li>
          </ul>
        </section>
      </section>
      <section class="banner"></section>
    </section>
    <section class="product container">
      <h3>产品</h3>

      <div class="product-list">
        <a href="#"><img src="images/办公/img01.png" alt="" /></a>
        <a href="#"><img src="images/办公/img02.png" alt="" /></a>
        <a href="#"><img src="images/办公/img03.png" alt="" /></a>
        <a href="#"><img src="images/办公/img04.png" alt="" /></a>
      </div>
    </section>
    <section class="new">
      <section class="container">
        <h3>最新动态</h3>
        <section class="introduce f">
          <div class="pic">
            <img src="images/办公/introduce.png" alt="" />
          </div>
          <a href="#">上进青年“新”文具，讯飞智能本青春版发布</a>
          <p>
            4月9日，科大讯飞举办了以“上进青年‘新’文具”为主题的线上新品发布会。同时发布咪咕讯飞智能笔记本青春版、讯飞智能笔记本LAMY联名款两款新品。作为中国智能语音与人工智能产业的领导者，科大讯飞近年来持续发力智能终端创新产品，致力于用A.I.技术提高人们的工作、学习效率。
          </p>
        </section>
        <section class="new-list r">
          <ul>
            <li>
              <div class="dt f">
                <em>20</em>
                <i>2020.03</i>
              </div>
              <div class="dd r">
                <h4><a href="#">重磅！科大讯飞发布彩色墨水屏阅读器</a></h4>
                <p>
                  3月19日，科大讯飞宣布推出彩色电子墨水屏阅读器：科大讯飞彩色电子阅读器。此次发布的彩色墨水屏阅读器，屏幕采用了全球电子纸领导厂商E
                  Ink元太科技在2019年刚刚推出的印刷式彩色电子纸。
                </p>
              </div>
            </li>
            <li>
              <div class="dt f">
                <em>20</em>
                <i>2020.03</i>
              </div>
              <div class="dd r">
                <h4>
                  <a href="#">
                    <p>“会说话”的A.I.阅读器，科大讯飞最新发售！</p>
                  </a>
                </h4>
                <p>
                  3月19日，科大讯飞正式对外推出与咪咕联合出品的新型智能阅读器：咪咕讯飞电子阅读器，并在京东同步开启预售，官方售价658元人民币。
                </p>
              </div>
            </li>
            <li>
              <div class="dt f">
                <em>20</em>
                <i>2020.01</i>
              </div>
              <div class="dd r">
                <p>
                  <a href="#"
                    ><b
                      >央视网、科大讯飞、海南航空“温暖心愿季”主题航班暖心启航
                      智能办公本承载鼠年心愿</b
                    ></a
                  >
                </p>

                <p>
                  科大讯飞“写在三万英尺的新年心愿”主题航班暖心起航
                  智能办公本“谱写”家国情怀
                </p>
              </div>
            </li>
            <li>
              <div class="dt f">
                <em>20</em>
                <i>2020.01</i>
              </div>
              <div class="dd r">
                <h4><a href="#">中国造，正当潮丨国潮玩跨界，A.I.真香</a></h4>
                <p>
                  人民日报新媒体京东自营旗舰店营业的第一天，买它！买它！买它！
                </p>
              </div>
            </li>
            <li class="last"><a href="#">查看更多&gt;</a></li>
          </ul>
        </section>
      </section>
    </section>
    <section class="buy">
      <div class="left f">
        <a href="#">
          <img src="images/办公/pic-mengdian.png" alt="" />
        </a>
        <div class="shop">
          <img src="images/办公/icon-mengdian.png" alt="" />
          <a href="#">
            <h2>线下门店</h2>
          </a>
        </div>
      </div>
      <div class="right r">
        <a href="#">
          <img src="images/办公/pic-peijian.png" alt="" />
        </a>
        <div class="parts">
          <img src="images/办公/icon-peijian.png" alt="" />
          <a href="#">
            <h2>配件购买</h2>
          </a>
        </div>
      </div>
    </section>
    <section class="footer">
      <section class="container">
        <div class="box-top">
          <div class="service f">
            <dl>
              <dt>产品</dt>
              <dd><a href="#">智能办公本 旗舰版 X1</a></dd>
              <dd><a href="#">智能笔记本 青春版 T1</a></dd>
              <dd><a href="#">彩色电子阅读器 C1</a></dd>
              <dd><a href="#">电子阅读器 R1</a></dd>
            </dl>
            <dl>
              <dt>服务</dt>
              <dd><a href="#">常见问题</a></dd>
              <dd><a href="#">寄修服务</a></dd>
              <dd><a href="#">售后政策</a></dd>
              <dd><a href="#">设备信息查询</a></dd>
            </dl>
            <dl>
              <dt>软件下载</dt>
              <dd><a href="#">读写客APP</a></dd>
              <dd><a href="#">读写客PC端</a></dd>
              <dd><a href="#">同屏工具</a></dd>
              <dd><a href="#">最新固件</a></dd>
            </dl>
            <dl>
              <dt>联系我们</dt>
              <dd><a href="#">商务合作</a></dd>
              <dd><a href="#">行业方案</a></dd>
            </dl>
          </div>
          <div class="phone r">
            <p>技术热线</p>
            <h3>400-019-9992</h3>
            <a href="#">
              <img src="images/办公/icon-weixin.png" alt="" />
              <div class="erweima">
                <img src="images/办公/qrcode.png" alt="" />
              </div>
            </a>
          </div>
        </div>

        <div class="box-bottom">
          <div class="left f">
            @2020合肥讯飞读写科技有限公司 皖ICP备19001670号-7
          </div>
          <div class="right r">
            <a href="#">联系我们</a>
            <span>丨</span>
                                    <a href="#">隐私政策</a>
                                </div>
                            </div>
            </section>
        </section>

        <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
        <script src="./js/index.js"></script>
        <script>
            $('.banner').slider({
                imgList: [{
                    img: 'images/办公/banner2.jpg',
                    a: '#',
                }, {
                    img: 'images/办公//banner3.jpg',
                    a: '#',
                }, {
                    img: 'images/办公/banner4.jpg',
                    a: '#',
                }, {
                    img: 'images/办公/banner5.jpg',
                    a: '#',
                }, ], //图片的列表
                width: 1919, //图片的宽
                height: 568, //图片的高
                isAuto: true, //是否自动轮播
                moveTime: 2000, //运动时间
                direction: 'right', //轮播的方向
                // btnWidth: 30, //按钮的宽
                // btnHeight: 30, //按钮的高
                spanWidth: 30, //span按钮的宽
                spanHeight: 3, //span按钮的高
                spanColor: '#515569', //span按钮的颜色
                activeSpanColor: '#fff', //选中的span颜色
                // btnBackgroundColor: 'rgba(0, 0, 0, 0.3)', //两侧按钮的颜色
                spanRadius: '10%', //span按钮的圆角程度
                spanMargin: 3, //span之间的距离
            });
        </script>
        <script>
            $(function() {
                //绑定滚动条事件
                //绑定滚动条事件
                $(window).bind('scroll', function() {
                    var sTop = $(window).scrollTop();
                    var sTop = parseInt(sTop);
                    if (sTop < 40) {
                        if (!$('.nav-top').is(':visible')) {
                            try {
                                $('.nav-top').slideDown();
                            } catch (e) {
                                $('.nav-top').show();
                            }
                        }
                    } else {
                        if ($('.nav-top').is(':visible')) {
                            try {
                                $('.nav-top').slideUp();
                            } catch (e) {
                                $('.nav-top').hide();
                            }
                        }
                    }
                });
            });
            $('.wrapper .nav-top .nav .goods').mouseenter(function() {
                $(this).children('.goods-select').stop().slideDown();
            });
            $('.wrapper .nav-top .nav .goods').mouseleave(function() {
                $(this).children('.goods-select').stop().slideUp();
            });
            $('.wrapper .nav-top .nav .best-service').mouseenter(function() {
                $(this).children('.service-A').stop().slideDown();
            });
            $('.wrapper .nav-top .nav .best-service').mouseleave(function() {
                $(this).children('.service-A').stop().slideUp();
            });
        </script>
</body>

</html>